.custom-block {
  .custom-block-title {
    font-weight: 600;
  }
  &.tip,
  &.warning,
  &.danger {
    padding: 0.5rem 0.8rem;
    border-left-width: 0.5rem;
    border-left-style: solid;
    margin: 1rem 0;
  }
  &.tip {
    background-color: #f3f5f7;
    border-color: $theme;
  }
  &.warning {
    background-color: rgba(255, 229, 100, 0.3);
    border-color: darken(#ffe564, 35%);
    color: darken(#ffe564, 70%);
    .custom-block-title {
      color: darken(#ffe564, 50%);
    }
    a {
      color: $text-color;
    }
  }

  &.danger {
    background-color: #ffe6e6;
    border-color: darken(red, 20%);
    color: darken(red, 70%);
    .custom-block-title {
      color: darken(red, 40%);
    }
    a {
      color: $text-color;
    }
  }
}
